<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
	<jsp:include page="/include.jsp"/>
	<style type="text/css">
	 .tableClass th,td{
	     background-color:#ffffff;
	     align:center;
	     font-size:12px;
	     font-weight:normal;
	     padding:2px;
	     height:20px;
	     border:1px dashed #CCC;
	  }
	</style>
	<script type="text/javascript">
	 $(document).ready(function(){
		 $('#framework_user_table').datagrid({
				url :'datagrid_data1.json',
				queryParams:'',
				fit:true,
				border:false,
				fitColumns:true,
				pagination:true,
				striped:true,
				pageList:[10,15,20],
				rownumbers:true,
				singleSelect:false,
				autoRowHeight:true,
				rownumbers:false,
				sortName:'userid',
				columns:[[  {field:'productid',checkbox:true},
	 						{field:'productname',title:'产品名称',width:50,align:'center',sortable:true},
	 						{field:'unitcost',title:'数量',width:50,align:'center'},
	 						{field:'attr1',title:'描述',width:50,align:'center'},
	 						{field:'ww',title:'操作',width:250,align:'center',formatter:function(value,rowData,rowIndex){
	 							return '<span  style="cursor:pointer" onclick=""><img  src="${pageContext.request.contextPath}/images/icons/modify_or_edit.png" title="修改" alt="修改" style="margin-top:2px;"/>修改&nbsp;&nbsp;</span>'		
								      +'<span  style="cursor:pointer" onclick=""><img  src="${pageContext.request.contextPath}/images/icons/modify_or_edit.png" title="编辑" alt="编辑" style="margin-top:2px;"/>编辑&nbsp;&nbsp;</span>'
								      +'<span  style="cursor:pointer" onclick=""><img  src="${pageContext.request.contextPath}/images/icons/deploy.png" title="配置" alt="配置" style="margin-top:2px;"/>配置&nbsp;&nbsp;</span>'
								      +'<span  style="cursor:pointer" onclick=""><img  src="${pageContext.request.contextPath}/images/icons/detail.png" title="详细" alt="详细" style="margin-top:2px;"/>详细&nbsp;&nbsp;</span>'
								      +'<span  style="cursor:pointer" onclick=""><img  src="${pageContext.request.contextPath}/images/icons/rollback.png" title="回退" alt="回退" style="margin-top:2px;"/>回退&nbsp;&nbsp;</span>'
								      +'<span  style="cursor:pointer" onclick=""><img  src="${pageContext.request.contextPath}/images/icons/save.png" title="保存" alt="保存" style="margin-top:2px;"/>保存&nbsp;&nbsp;</span>'
								      +'<span  style="cursor:pointer" onclick=""><img  src="${pageContext.request.contextPath}/images/icons/deal_with.png" title="处理" alt="处理" style="margin-top:2px;"/>处理&nbsp;&nbsp;</span>'
								      +'<span  style="cursor:pointer" onclick=""><img  src="${pageContext.request.contextPath}/images/icons/delete.png" title="删除" alt="删除" style="margin-top:2px;"/>删除&nbsp;&nbsp;</span>'
								      +'<span  style="cursor:pointer" onclick=""><img  src="${pageContext.request.contextPath}/images/icons/subscription.png" title="订阅" alt="订阅" style="margin-top:2px;"/>订阅&nbsp;&nbsp;</span>'
								      +'<span  style="cursor:pointer" onclick=""><img  src="${pageContext.request.contextPath}/images/icons/transpond.png" title="转发" alt="转发" style="margin-top:2px;"/>转发&nbsp;&nbsp;</span>'
								      +'<span  style="cursor:pointer" onclick=""><img  src="${pageContext.request.contextPath}/images/icons/downFile.png" title="下载" alt="下载" style="margin-top:2px;"/>下载&nbsp;&nbsp;</span>'
								      +'<span  style="cursor:pointer" onclick=""><img  src="${pageContext.request.contextPath}/images/icons/trans_knowled.png" title="转入知识库" alt="转入知识库" style="margin-top:2px;"/>转入知识库&nbsp;&nbsp;</span>'
								      +'<span  style="cursor:pointer" onclick=""><img  src="${pageContext.request.contextPath}/images/icons/examine_and _verify.png" title="审核" alt="审核" style="margin-top:2px;"/>审核&nbsp;&nbsp;</span>';
						     
	 						   }
	 						}
	 					]],
				toolbar:'#framework_user_table_toobar'
			});
	 });
	 
	</script>
</head>

<body class="easyui-layout">
     <div data-options="region:'center'" style="border:#adadad solid 1px;">
			<table id="framework_user_table"></table>
			<div id="framework_user_table_toobar" class="etl_panel_title">
				<a href="javascript:void(0);" onclick="doAdd()" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true" style="float:left">新增用户</a>
				<div class="datagrid-btn-separator"></div>
				<a href="javascript:void(0);" onclick="doBatchDelete()" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true">批量删除</a>
			</div>
		</div>
</body>
</html>
